<template>
	<view class="log-off-page">
		<lexiconNavVue title="注销账号"/>
		<view class="h1">
			<uv-icon size="24" color="#ffd52e" class="icon" name="error-circle-fill"></uv-icon>
			账号注销后，将无法恢复以下资产和权益
		</view>
		<view class="h2">
			1.账号注销后,会清空账号的所有身份信息和账号信息，您所积累的积分等将被清除且无法恢复(包括但不限于积分)。<br/>  
			2.使用本账号登录的本公司产品旗下的系列会一并注销。<br/>
			3.注销账号是不可恢复操作，操作之前，请确认账号内所有服务均已进行妥善处理。如因注销账号造成的损失由用户自行承担。<br/>
			4.注销账号并不代表本账号注销前的账号行为和相关责任得到豁免或减轻。<br/>
			5.您的账号一旦注销将无法登录本应用相关的网站,app和小程序。<br/>
		</view>
		<view class="btns">
			<view class="btn btn1" @click="logout">仍要注销</view>
			<view class="btn btn2" @click="goBackFn">暂不注销</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods: {
			goBackFn () {
				uni.navigateBack()
			},
			logout() {
				uni.$emit("userInfoChange", true)
				uni.clearStorage();
				uni.setStorageSync('isFirstIn', '1')
				uni.navigateTo({
					url: "/pages/login/login"
				})
			},
		}
	}
</script>

<style lang="less">
.log-off-page{
	background-color: #fff8e1;
	height: 100vh;
}
.h1{
	padding: 20px;
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight: bold;
	.icon{
		margin-right: 10px;
	}
}
.h2{
	padding: 0 30px;
	font-size: 15px;
	color: #130e00;
	line-height: 28px;
}
.btns{
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 80px;
	// padding-bottom: constant(safe-area-inset-bottom);
	// padding-bottom: env(safe-area-inset-bottom);
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	.btn{
		width: 100%;
		height: 40px;
		line-height: 40px;
		border-radius: 10px;
		text-align: center;
		margin-top: 30px;
		font-size: 16px;
		font-family: hzgb;
	}
	.btn1{
		background: linear-gradient(to bottom, #ffd16b, #fff497);
		box-shadow: 0 6px 0 0 #d9b059;
	}
	.btn2{
		background: linear-gradient(to bottom, #130e00, #373632);
		box-shadow: 0 6px 0 0 #9b8b6f;
		color: #fff;
	}
}
</style>
